<template>
    <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item>
                <img src="/images/4.jpg"/>
            </mt-swipe-item>
            <mt-swipe-item>
                <img src="/images/5.jpg"/>
            </mt-swipe-item>
            <mt-swipe-item>
                <img src="/images/6.jpg"/>
            </mt-swipe-item>
        </mt-swipe>
        <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="home/newlist">
                <img src="/images/menu1%20(1).png"/>
                <div class="mui-media-body">新闻咨询</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="newlist">
                <img src="/images/menu1%20(2).png"/>
                <div class="mui-media-body">图片分享</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="newlist">
                <img src="/images/menu1%20(3).png"/>
                <div class="mui-media-body">商品购买</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="newlist">
                <img src="/images/menu1%20(4).png"/>
                <div class="mui-media-body">留言反馈</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="newlist">
                <img src="/images/menu1%20(5).png"/>
                <div class="mui-media-body">信息查找</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="/home/numsearch">
                <img src="/images/menu1%20(6).png"/>
                <div class="mui-media-body">联系我们</div></router-link></li>
        </ul>
    </div>
</template>
<script>
    export default {
        data(){
            return {
                number:'15850781443',
                url:'http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel'
            }
        },
        created(){
            this.getlunbotu();
        },
        methods:{
            getlunbotu(){
                this.$http.jsonp(this.url+'='+this.number).then(result=>{
                    console.log(result.body)
                })
            }
        }
    }
</script>
<style scoped>
    .mint-swipe{
        height:700px;
    }
    .mt-swipe img{
        width:100%;
        height: 100%;
    }
    /*.mint-swipe-item:nth-child(1){*/
        /*background-color: red;*/
    /*}*/
    /*.mint-swipe-item:nth-child(2){*/
        /*background-color: yellowgreen;*/
    /*}*/
    /*.mint-swipe-item:nth-child(3){*/
        /*background-color: blue;*/
    /*}*/
    .mui-grid-view.mui-grid-9{
        background-color: #ffffff;
        border:0;
    }
    .mui-grid-view.mui-grid-9 img{
        width: 60px;
        height: 60px;
    }
    .mui-grid-view.mui-grid-9 .mui-table-view-cell{
        border:0;
    }
</style>